/*main*/
.main{position: relative;z-index: 1;background:#fff;margin-bottom: 429px;}
/*htop*/
.htop{height:36px;line-height:36px;color:#ffffff;background:#333;overflow: hidden;z-index: 2;position: relative;}
	.htop_rt{background:var(--zhu-color);}
	.htop_rt a{color:#fff;padding-left:10px;padding-right:10px;display: inline-block;}
	.htop_rt a i{float: left;margin-right: 5px;font-size: 18px;}
	.htop_rt a:hover{color: var(--pei-color)}

/*header*/
.header{padding:20px 0;overflow: hidden;position: relative;z-index: 2;background: #fff;}
	.h-logo .txt{float: right;margin:13px 0 0 10px;font-family:'siyuan'}
	.h-logo .txt .t1{font-size: 26px;color: #41b337;font-weight: bold;}
	.h-logo .txt .t2{font-size: 16px;color: #020202;}
	.h-tel{margin-top: 15px;}
	.h-tel span{width:40px;height: 40px;border:solid 2px var(--zhu-color);text-align: center;line-height: 40px;border-radius: 50%;display: block;float:left;}
	.h-tel span i{color: var(--zhu-color);font-size: 26px;}
	.h-tel .txt{float: right;margin:-5px 0 0 10px;}
	.h-tel .txt .t1{color: #333333;}
	.h-tel .txt .t2{color: var(--zhu-color);font-size: 30px;font-weight: bold;line-height: 1}

/*h-nav*/
.h-nav{border-top:solid 1px #dadadb;background: rgba(255,255,255,.9);z-index: 999;width:100%;}
	.h-nav .box{position: relative;}
	.h-nav li{width:10%;float: left;}
	.h-nav .yiji{height: 100%;display: inline-block;font-size: 16px;color:#333333;position: relative;height: 55px;line-height: 55px;width:100%;float: left;overflow: hidden;}
	.h-nav .yiji:before{position: absolute;content:'';width:0;height: 0;background: var(--zhu-color);left:50%;top:50%;transform: translate(-50%,-50%);z-index: 0;border-radius: 50%;transition: all .5s;}
	.h-nav .yiji span{position: absolute;z-index: 1;height: 100%;left:0;top:0;display: block;width:100%;text-align: center;transition: all .5s}
	.h-nav li:hover .yiji:before{width:150%;height: 150%;}
	.h-nav li:hover .yiji span{color: #fff;}
	.navlist{width:100%;background:rgba(0,0,0,0.7);position: absolute;left:0;top:56px;z-index:1;height: 0px;opacity: 0;transition: all .5s;overflow: hidden;}
	.navlist .item{width:20%;padding:0 3%;box-sizing: border-box;float: left;}
	.navlist .erji{width:100%;color: #788da4;border-bottom: solid 1px #788da4;display: block;line-height: 40px;margin-bottom: 10px;font-size: 16px;}
	.navlist .sanji{width:100%;color: #c4d1e0;display: block;line-height: 30px;}
	.navlist .item a:hover{color: #fff;}
	.h-nav li:hover .navlist{padding:15px 0;height:auto;opacity: 1}
/*banner*/
.flexslider{margin:0px auto;position:relative;width:100%;height:593px;overflow:hidden;zoom:1;}
	.flexslider .slides li{width:100%;height:100%;}
	.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px;}
	.flex-direction-nav .flex-next{background-position:0 -70px;right:10%;}
	.flex-direction-nav .flex-prev{left:10%;}
	.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
	.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
	.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
	.flex-control-nav{width:100%;position:absolute;bottom:50px;left:-560px;text-align:center;}
	.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline;}
	.flex-control-paging li a{background:url(../images/dot1.png) no-repeat center;display:block;height:14px;overflow:hidden;text-indent:-99em;width:14px;cursor:pointer;}
	.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:url(../images/dot2.png) no-repeat center;}
	.flexslider .slides div{width:100%;height:593px;display:block;}

/*iguanjian*/
.iguanjian{height: 101px;background: url(../images/iguanjian-bg.jpg) center no-repeat;box-sizing: border-box;}
	.iguanjian .left{width:890px;padding:27px 0;}
	.iguanjian .left .lt{display: flex;flex-direction: row;float: left;}
	.iguanjian .left .txt{color: #fff;margin-top: 5px;}
	.iguanjian .left .txt .t1{font-size: 18px;font-weight: bold;}
	.iguanjian .left .txt .t2{font-size: 12px;text-transform: uppercase;}
	.iguanjian .left .rt{display: flex;flex-direction: row;margin-right: 40px;float: right;}
	.iguanjian .left .rt span{width:35px;height:35px;border-radius: 50%;line-height:35px;text-align: center;color: #fff;border:solid 1px #fff;margin-right: 10px;}
	.iguanjian .left .rt span i{font-size: 20px;}
	.iguanjian .left .rt p{color: #fff;font-size: 26px;}
	.iguanjian .right{width:310px;color: #ffffff;padding:10px 0 10px 25px;box-sizing: border-box;}
	.iguanjian .right .t1{font-size: 16px;}
	.iguanjian .right .t2{font-size: 14px;margin-top: 5px;}
	.iguanjian .right .t2 a{color: #fff;/*display: inline-block;*/width:45%;margin-right:1%;line-height: 24px;}
	.iguanjian .right .t2 a:hover{color: var(--pei2-color);}

/*i-pro*/
.gili{height:103px;background:#fff;}
	.gili li{position:relative;width:20%;height:115px;float:left;font-size:18px;text-align:center;overflow:hidden;}
	.gili .shadow1{background:url(../images/shadow1.png) no-repeat center;height:115px;width:100%;position:absolute;top:0;left:-300px;z-index:1;opacity:0;}
	.gili .word{width:100%;height:63px;z-index:2;position:absolute;top:30px;left:0;}
	.gili .word a{font-size: 18px;color: #333;}
	.gili .word .en{font-size:12px;text-transform: uppercase;}
	.gili li:hover a{color: #fff;}
	.propic{background:url(../images/probg.jpg) no-repeat top;height:752px;position:relative;top:-11px;width:100%;padding-top:47px;box-sizing: border-box;}
	.propic .wrapp{height: 100%;position: relative;}
	.propic .pore{position:relative;width:100%;}
	.prosl li{height:495px;background:url(../images/propic.png) no-repeat bottom;border-right:1px #f2f2f2 solid;}
	.xinai .profa{position:absolute;left:-9999px;top:0;}
	.xinai .profa:first-child{left:0;}
	.profa .bx-prev{top:40%;left:-100px;position:absolute;width:74px;height:74px;background:url(../images/ll1.png) no-repeat center;z-index:999999;}
	.profa .bx-next{top:40%;right:-100px;position:absolute;width:74px;height:74px;background:url(../images/rr1.png) no-repeat center;z-index:999999;}
	.profa .bx-prev:hover{background:url(../images/ll2.png) no-repeat center;}
	.profa .bx-next:hover{background:url(../images/rr2.png) no-repeat center;}
	.propicf{height:427px;width:400px;text-align:center;padding:60px 20px 20px;box-sizing: border-box;}
	.propicf .pic{overflow: hidden;width:100%;box-sizing: border-box;height: 100%;border-radius: 10px}
	.propicf .pic img{width:100%;height:100%;object-fit:contain;transition: all .5s;}
	.propicf:after{content:'';width:138px;height: 35px;background: url(../images/pro-logo.png) center no-repeat;position: absolute;top:10px;left:10px;background-size: 100% 100%}
	.prosl li:hover .pic img{transform:scale(1.1,1.1);}
	
	.ppae{width:370px;height:60px;border-top:1px solid #fff;margin:auto auto;line-height:60px;color:#fff;font-size:16px;position: relative;}
	.ppae a{color: #fff;}
	.ppae a img{margin:19px 10px 0 0;}
	.prosl li .ppae .fl{transition: all .5s;position: relative;display: inline-block;width:300px;padding:0 10px;}
	.prosl li .ppae:before{content:'';position: absolute;width:0;height: 3px;top:-1px;left:0;background: var(--pei-color);transition: all .5s}
	.prosl li:hover .ppae .fl{padding-left:20px;text-shadow:5px 5px 5px #000}
	.prosl li:hover .ppae:before{width:100%;}
	.propic-bd{width:900px;display: flex;flex-direction: row;position: absolute;bottom:40px;right:0;}
	.propic-bd li{border-right:solid 1px #5d5d5d;display: flex;flex-direction: column;justify-content: center;width:25%;align-items: center;color:#fff;}
	.propic-bd li:nth-last-child(1){border-right:none;}
	.propic-bd li i{font-size: 50px;}
	.propic-bd li .t1{font-size: 20px;line-height: 40px;margin-top: 10px}
	.propic-bd li .t2{font-size: 12px;text-transform: uppercase;}
	.propic-bd li:nth-child(3) i{font-size: 55px}
	.propic-bd li:nth-child(3) .t1{margin-top: 0}
	.propic-bd li:hover i{animation: swing 1s;}


/*ys*/
.ys{height:686px;position: relative;margin-top: 100px;}
	.ysbg{width:100%;height:100%;position:absolute;top:0;left:0;}
	.ysbg li{position:absolute;width:100%;height:686px;display:none;opacity:0;top:0;left:0;}
	.ysbg li.on{display:block;opacity:1;}
	.ysbg2{width:100%;height:235px;position:absolute;bottom:0;left:0;background: rgba(0,0,0,.5);}
	.ys .wrapp{height:686px;position: relative;}
	.ys .pa{position: absolute;top:-140px;left:0;}
	.ysw1 li:nth-child(1){left:-0px;}
	.ysw1 li:nth-child(2){left:300px;}
	.ysw1 li:nth-child(3){left:600px;}
	.ysw1 li:nth-child(4){left:900px;}
	.ysw1 li:nth-child(5){left:1050px;}
	.ysw1 li{width:298px;height:235px;
	float:left;margin:auto 1px;padding:30px 20px 0;color:#fff;position:absolute;bottom:0;overflow:visible !important;box-sizing: border-box;transition: all .5s}
	.ystop{background:var(--pei2-color);position:absolute;width:298px;height:59px;line-height:59px;font-size:26px;padding:0 20px;left:-20px;top:-89px;opacity:0;box-sizing: border-box;font-weight: bold;text-align:center;transition: all 1s;}
	.ysw1 li .eq1,.ysw1 li .eq3{opacity: 0;}
	.ysw1 li .eq1,.ysw1 li .eq2,.ysw1 li .eq3{transition: all 1.5s;}
	.ysli1{font-size:24px;color:#e5e5e5;font-weight: bold;transition: all .5s;}
	.ysli2{width:236px;font-size:14px;color:#cdcdcd;line-height:25px;transition: all .5s;}
	.ysli3{font-size:10px;color:#98b0d2;margin-top:10px;text-transform: uppercase;opacity: 0;transition: all .5s;}
	.ysli4{font-size:24px;opacity:0;display:none;line-height: 40px;transition: all .5s;}
	.ysli5{height:210px;opacity:0;display:none;padding:10px 0;transition: all .5s;}
	.ysli5 p{padding-left: 15px;font-size:16px;line-height:30px;position: relative; }
	.ysli5 p:before{content:'';width:8px;height: 8px;background: var(--pei2-color);border-radius: 50%;left:0;top:10px;position: absolute;}
	.h-15{height: 15px;}
	.linex{width:25px;height:2px;background:#f2f2f2;}
	.benti{position:relative;z-index:1;}
	.shadow2{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;transition: all .5s;}
	.shadow3{background:#2b67c1;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:0;transition: all .5s;}
	
	
	
	.ysw1 li.on,.ysw1 li:hover{height: 410px;display: block;}
	.ysw1 li.on .shadow2,.ysw1 li:hover .shadow2{opacity: 0}
	.ysw1 li.on .shadow3,.ysw1 li:hover .shadow3{opacity: 1;}
	.ysw1 li.on .ystop,.ysw1 li:hover .ystop{opacity: 1}
	.ysw1 li.on .eq1,.ysw1 li:hover .eq1{width:248px;opacity: 1}
	.ysw1 li.on .eq2,.ysw1 li:hover .eq2{width:248px;}
	.ysw1 li.on .eq3,.ysw1 li:hover .eq3{opacity: 1}
	.ysw1 li.on .ysli1,.ysw1 li:hover .ysli1{opacity: 0;height: 60px;display: none;}
	.ysw1 li.on .ysli2,.ysw1 li:hover .ysli2{opacity: 0;height:180px;display: none;}
	.ysw1 li.on .ysli3,.ysw1 li:hover .ysli3{opacity: 1;}
	.ysw1 li.on .ysli4,.ysw1 li:hover .ysli4{opacity: 1;display: block;}
	.ysw1 li.on .ysli5,.ysw1 li:hover .ysli5{opacity: 1;display: block;}
	
/*iservice*/
.iservice{padding:40px 0;overflow: hidden;}
	.iservice ul{display: flex;flex-direction: row;justify-content: space-between;}
	.iservice ul li{width:290px;height: 180px;border:solid 1px #e3e3e3;display: flex;flex-direction: column;justify-content: space-around;align-items: center;padding:25px 0 15px;box-sizing: border-box;}
	.iservice ul li .img{height: 50px;width:100%;}
	.iservice ul li .t1{font-size: 18px;line-height:36px;margin-top: 10px; }
	.iservice ul li .t2{font-size: 12px;color: #999999;line-height: 24px;}
	.iservice ul li span{width:25px;height: 2px;background: #666666;display: inline-block;margin-top: 10px;transition: all .5s}
	.iservice ul li:nth-child(1) .img{background: url(../images/r1.png) center no-repeat;}
	.iservice ul li:nth-child(2) .img{background: url(../images/r2.png) center no-repeat;}
	.iservice ul li:nth-child(3) .img{background: url(../images/r3.png) center no-repeat;}
	.iservice ul li:nth-child(4) .img{background: url(../images/r4.png) center no-repeat;}
	.iservice ul li.on,.iservice ul li:hover{box-shadow: 0px 0px 20px #333;background: var(--zhu-color);border-color: var(--zhu-color)}
	.iservice ul li.on span,.iservice ul li:hover span{width:100px;background: var(--pei-color);}
	.iservice ul li.on:nth-child(1) .img,.iservice ul li:hover:nth-child(1) .img{background: url(../images/e1.png) center no-repeat;}
	.iservice ul li.on:nth-child(2) .img,.iservice ul li:hover:nth-child(2) .img{background: url(../images/e2.png) center no-repeat;}
	.iservice ul li.on:nth-child(3) .img,.iservice ul li:hover:nth-child(3) .img{background: url(../images/e3.png) center no-repeat;}
	.iservice ul li.on:nth-child(4) .img,.iservice ul li:hover:nth-child(4) .img{background: url(../images/e4.png) center no-repeat;}
	.iservice ul li.on .t1,.iservice ul li.on .t2,.iservice ul li:hover .t1,.iservice ul li:hover .t2{color: #fff;}

/*icom*/
.icom{overflow: hidden;height: 480px;position: relative;padding:85px 0;box-sizing:border-box;}
	.icom .bg{height: 480px;background: url(../images/icom-bg.jpg) center no-repeat;background-attachment:fixed;position: absolute;top:0;left:0; width:100%;z-index: 1}
	.icom .bg2{height: 480px;background:rgba(11,68,172,.6);top:0;left:0;z-index: 2;position:absolute;width:100%;}
	.icom .wrapp{z-index: 3;position: relative;}
	.icom-left{width:340px;float: left;display: flex;flex-direction: column;color:#fff;}
	.icom-left .t1{font-size: 40px;font-weight: bold;}
	.icom-left .t2{font-weight: bold;position: relative;}
	.icom-left .t2:after{content:'';position: absolute;width:25px;height: 2px;background:#fff;top:30px;left:0;}
	.icom-left .t3{line-height: 24px;margin-top:40px;}
	.icom-left a{width:143px;height: 35px;border:solid 2px #fff;color: #fff;text-align: center;margin-top: 40px;line-height: 35px;transition: all .5s}
	.icom-left a:hover{width:200px;border-color: var(--pei-color);color: var(--pei-color);}
	.icom-right{width:860px;float: right;display: flex;flex-direction: row;}
	.icom-right li{height: 286px;border-right: solid 1px #75919f;width:33%;text-align: center;color:#fff;position: relative;padding-top: 90px;box-sizing: border-box;}
	.icom-right li:after{content:'';position: absolute;width:3px;height: 95px;right:-2px;animation-name: yidong;animation-duration: 1.8s;animation-iteration-count: infinite;animation-direction: alternate;}
	.icom-right li:nth-child(2):after{animation-delay: .6s;animation-duration: 1.8s;}
	.icom-right li:nth-child(3):after{animation-delay: 1.2s;animation-duration: 1.8s;}
	.icom-right li .t1{font-size: 50px;font-weight: bold;}
	.icom-right li .t2{font-size:18px;}
	@keyframes yidong {
	  from {top:0;background: #bbc8d0;}
	  to {top:195px;background: var(--pei-color);}
	}


/*ihonor*/
.ihonor{padding:75px 0;overflow: hidden;}
	.ihonor-left{width:940px;float: left;margin-left:-100px;position: relative;}
	.ihonor-left .hd{position: absolute;top:120px;left:0;width:100%;height: 74px;}
	.ihonor-left .hd a{width:74px;height: 74px;display: block;cursor: pointer;}
	.ihonor-left .hd a.prev{background: url(../images/rr1.png);float: right;}
	.ihonor-left .hd .prev:hover{background: url(../images/rr2.png);}
	.ihonor-left .hd a.next{background: url(../images/ll1.png);float: left}
	.ihonor-left .hd .next:hover{background: url(../images/ll2.png);}
	.ihonor-left .bd{width:760px;overflow: hidden;margin-left:100px;}
	.ihonor-left .bd ul li{float: left;margin-right: 30px;}
	.ihonor-left .bd ul li .img{width:220px;height: 323px;border:solid 5px #e6e6e6;transition: all .5s}
	.ihonor-left .bd ul li .img img{width:100%;height:100%;object-fit: cover;}
	.ihonor-left .bd ul li:hover .img{border:solid 5px var(--pei-color);}
	.ihonor-right{width:300px;float: right;display: flex;flex-direction: column;align-items: flex-end;padding-top: 30px;box-sizing: border-box;}
	.ihonor-right .t1{font-size:36px;font-weight: bold;color:#333333; }
	.ihonor-right .t2{font-size:30px;color:#333333;margin-top: 25px; }
	.ihonor-right .t3{font-size:18px;color:var(--zhu-color);text-transform: uppercase;position: relative; margin-top: 5px;font-style: italic;font-weight: bold;}
	.ihonor-right .t3:after{position: absolute;content:'';width:18px;height: 2px;background: var(--zhu-color);right:0;top:35px; }
	.ihonor-right .t4{text-align: right; margin-top: 30px;}
	.ihonor-right .t5{display: flex;flex-direction: row;justify-content: flex-end;color:var(--pei-color);}
	.ihonor-right .t5 i{font-size: 30px;margin-right:15px;}
	.ihonor-right .t5 span{font-size: 24px;font-family: 'Impact';}
/*icase*/
.icase{padding:20px 0;position: relative;}
	.icase .bg{background: #f2f2f2;height: 483px;position: absolute;top:0;left:0;width:100%;}
	.icase .wrapp{position: relative;}
	.icase-hd{width:207px;height: 276px;background:url(../images/icase-hd.jpg);position: absolute;top:0;right:0;z-index: 1}
	.icase-bd{overflow: hidden;}
	.icase-bd .hd{padding:50px 0;width:905px;margin-bottom: 30px;}
	.icase-bd .hd ul{width:800px;float: left;display: flex;flex-direction: row;justify-content: flex-start;}
	.icase-bd .hd ul li{position: relative;cursor: pointer;padding:10px 25px;transition: all .5s}
	.icase-bd .hd ul li span{font-size: 18px;color: #333;border-bottom:solid 2px #878585;padding:8px 0;transition: all .5s}
	.icase-bd .hd ul li:after{position: absolute;content:'';width:2px;background:#c0bbbb;top:15px;right:-1px;height: 20px;transition: all .5s}
	.icase-bd .hd ul li:nth-last-child(1):after{display: none;}
	.icase-bd .hd ul li:hover,.icase-bd .hd ul .on{background:var(--zhu-color); }
	.icase-bd .hd ul li:hover:after,.icase-bd .hd ul .on:after{background:var(--zhu-color) }
	.icase-bd .hd ul li:hover span,.icase-bd .hd ul .on span{border:none;color: #fff;}

	.icase-bd .hd a{float: right;font-size: 18px;color: #666;margin-top: 10px;transition: all .5s}
	.icase-bd .hd a i{font-size: 16px;color: #333;float: left;margin-top: 5px;margin-right: 5px;transition: all .5s}
	.icase-bd .hd a:hover{color: var(--zhu-color); }
	.icase-bd .hd a:hover i{color: var(--zhu-color);transform:rotate(360deg); }
	.icase-bd .bd li{position: relative;overflow: hidden;height: 516px;width:100%;margin-right: 100px;cursor: pointer;}
	.icase-bd .bd li .img{position: absolute;top:0;left:0;width:902px;height: 438px;}
	.icase-bd .bd li .img img{width:100%;height:100%;object-fit: cover;}
	.icase-bd .bd li .txt{position: absolute;top:0px;left:0;background: var(--zhu-color);padding:40px;width:620px;height: 285px;color: #fff;box-sizing: border-box;opacity: 0;transition: all .5s}
	.icase-bd .bd li .txt .t1{font-size: 18px;border-bottom:solid 1px #fff;padding-bottom: 20px;}
	.icase-bd .bd li .txt .t2{line-height: 24px;margin-top: 30px;-webkit-line-clamp:4;}
	.icase-bd .bd li .txt.on{opacity: 1;top:225px;left:580px;}

/*inews*/
.inews{margin-top: 124px;height: 510px;background: #f2f2f2;}
	.inews .wrapp{position: relative;}
	.inews-hd{position: absolute;top:-121px;left:0;}
	.inews-bd{position: absolute;top:40px;left:0;width:100%;}
	.inews-left{width:785px;float: left;}
	.inews-left .hd{padding:15px 0;width:100%;overflow: hidden;margin-bottom: 30px;}
	.inews-left .hd ul{float: right;}
	.inews-left .hd ul li{font-size: 18px;color: #333333;position: relative;transition: all .5s;float: left;margin-left: 50px;cursor: pointer;}
	.inews-left .hd ul li:after{content:'';width:0;height: 2px;background: var(--pei-color);position: absolute;top:35px;left:0;transition: all .5s}
	.inews-left .hd ul li:hover,.inews-left .hd ul li.on{color: var(--pei-color);}
	.inews-left .hd ul li:hover:after,.inews-left .hd ul .on:after{width:100%;}
	.inews-left .bd{width:100%;height: 315px!important;}
	.inews-left .bd ul{width:100%;height:100%;}
	.inews-left .bd ul .left{width:278px;float: left;}
	.inews-left .bd ul .left li{display: none;overflow: hidden;}
	.inews-left .bd ul .left li.on{display: block;}
	.inews-left .bd ul .left li:hover{background: var(--zhu-color);color: #fff;}
	.inews-left .bd ul .left li .img{width:100%;overflow: hidden;float: left;height: 243px;}
	.inews-left .bd ul .left li .img img{width:100%;height: 100%;object-fit: cover;transition: all .5s}
	.inews-left .bd ul .left li:hover .img img{transform: scale(1.1,1.1);}
	.inews-left .bd ul .left .txt{width:100%;background: #333333;padding:15px;box-sizing: border-box;color: #fff;float: left;}
	.inews-left .bd ul .left .txt .t2{text-indent: 20px;margin-top:5px;}
	.inews-left .bd ul .right{width:493px;float: right;display: flex;flex-direction: column;justify-content: space-between;height: 316px;}
	.inews-left .bd ul .right li{width:100%;height: 150px;background: #fff;padding:40px 30px;box-sizing:border-box;transition: all .5s}
	.inews-left .bd ul .right li .date{width:65px;float: left;color: #333;text-align: center;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;height: 100%}
	.inews-left .bd ul .right li .date .t1{width:65px;float: left;}
	.inews-left .bd ul .right li .date .t2{font-weight: bold;margin-top: 5px;font-size: 20px}
	.inews-left .bd ul .right li .txt{width:355px;float: right;box-sizing: border-box;}
	.inews-left .bd ul .right li .txt .t1{font-size: 16px;color: #333}
	.inews-left .bd ul .right li .txt .t2{color: #999999;line-height: 20px;margin-top: 10px;-webkit-line-clamp:2;}
	.inews-left .bd ul .right li:hover,.inews-left .bd ul .right .on{background: var(--zhu-color);}
	.inews-left .bd ul .right li:hover .txt .t1,.inews-left .bd ul .right li:hover .txt .t2,.inews-left .bd ul .right .on .txt .t1,.inews-left .bd ul .right .on .txt .t2,.inews-left .bd ul .right li:hover .date,.inews-left .bd ul .right .on .date{color:#fff;}
	.inews-right{width:390px;height: 400px;background: #fff;padding:22px;box-sizing: border-box;float: right;}
	.inews-right .hd{border-bottom: solid 2px #e6e6e6;padding:10px 0;}
	.inews-right .hd .t1{font-size: 20px;color: var(--zhu-color);}
	.inews-right .hd .t1 b{color: var(--pei-color);}
	.inews-right .hd .t2{font-size: 14px;font-weight: bold;color: #333333}
	.inews-right .bd li{border-bottom:dashed 1px #eee;padding:25px 0;position: relative;margin-top:15px;}
	.inews-right .bd li .wen b{color: var(--zhu-color);font-size: 16px;}
	.inews-right .bd li .wen p{width: 315px;float: right;font-size:18px;color: #333;}
	.inews-right .bd li .da{margin-top: 10px;overflow: hidden;}
	.inews-right .bd li .da b{color: #333;float: left;font-size: 16px;}
	.inews-right .bd li .da p{color: #999999;line-height: 20px;-webkit-line-clamp:2;width:315px;float: right;text-indent: 2em;}
	.inews-right .bd li .before{background: var(--zhu-color);color: #fff;position: absolute;top:0;right:0;opacity: 0;text-align: center;width:20px;height: 20px;line-height: 20px;transition:all 1s ease-in-out;}
	.inews-right .bd li:hover .before{opacity:1;width:360px;height: 123px;left:-10px;line-height: 123px;font-size: 20px;background: rgba(21,74,152,0.6)}

/*links*/
.links{background: var(--zhu-color);padding:25px 0;position: fixed;bottom:353px;width:100%;}
	.links .wrap{display: flex;flex-direction: row;color: #fff;}
	.links i{font-size: 24px;}
	.links b{font-size:18px;margin-left: 10px;}
	.links p{width:1060px;float: right;}
	.links p a{font-size: 16px;color: #fff;display: inline-block;margin-right:40px;margin-top:2px;}
	.links p a:hover{color:var(--pei-color);}

/*footer*/
.footer{background: #2b2b2b;overflow: hidden;position: fixed;bottom:0px;width:100%;}
	.footer .t1{font-size: 18px;color: #feffff;position: relative;margin:45px 0 35px 0;}
	.footer .t1:after{position: absolute;content:'';width:28px;height: 2px;background: #999999;top:35px;left:0;}
	.footer a{color: #999999;display: inline-block;}
	.footer a:hover{color: #fff;}
	.f-hd li{border-right:solid 1px #3d3c3c;width:33.3%;box-sizing: border-box;overflow: hidden;float:left;padding-bottom: 50px;}
	.f-hd li:nth-child(2){padding:0 62px 50px;}
	.f-hd li:nth-child(3){border-right:none;padding:0 62px 50px;}
	.f-hd .left{width:45%;float: left;}
	.f-nav{width:100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap:wrap;}
	.f-nav a{margin-bottom: 15px;width:45%;display: inline-block;}
	.f-hd .right{width:45%;float: right;margin-right: 3%;display: flex;flex-direction: column;}
	.f-hd .right a{margin-bottom: 15px;display:block;}
	.f-con .t2{margin-bottom: 20px;width:100%;overflow: hidden;}
	.f-con .t2 span{border-radius: 50%;display: block;float: left;background: #595959;width:26px;height: 26px;text-align: center;line-height: 26px;}
	.f-con .t2 i{font-size: 16px;color:#fff;}
	.f-con .t2 p{float: right;width:240px;color: #999999;line-height: 26px;}
	.f-ewm{display: flex;flex-direction: row;justify-content: space-between;}
	.f-ewm .item img{width:110px;height: 110px;border-radius: 5px;}
	.f-ewm .item .t2{text-align: center;color: #fff;line-height: 20px;}
	.f-bd{padding:20px;border-top:solid 1px #3d3c3c;color: #999999;text-align: center;}
/*l-banner*/
.l-banner{width:100%;height: 335px;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;}
.l-banner .t1{font-size: 42px;}
.l-banner .t2{font-size: 14px;margin-top: 10px;}

/*list*/
.list{background: #f7f6f6;padding-bottom: 50px;}
.list .wrap{padding-bottom: 30px;}

/*list-hd*/
.list-hd{padding:40px 0;overflow: hidden;}
	.list-hd .txt{width:580px;float: right;}
	.list-hd .txt .hd{color:var(--zhu-color);font-size: 28px;font-weight: bold;color: #005dd7;}
	.list-hd .txt .md{background: #f1f2f4;padding:25px;margin-top: 15px;}
	.list-hd .txt .md p{color: #666666;line-height: 30px;}
	.list-hd .txt .md p b{color:var(--zhu-color);font-size:16px;}
	.list-hd .txt .md p span{color:var(--pei-color);font-size: 16px;}
	.list-hd .txt .md p small{color:#666;font-size: 16px;}
	.list-hd .txt .bd{display: flex;flex-direction: column;justify-content: space-around;height: 130px}
	.list-hd .txt .bdd{padding:15px 0;font-weight: bold;display: flex;flex-direction: row;align-items: center;}
	.list-hd .txt .bdd b{font-size:30px;color: var(--pei-color)}
	.list-hd .txt .btns{display: flex;flex-direction: row;}
	.list-hd .txt .btns a{padding:8px 50px;color: #fff;background: #3a3939;display: block;border-radius: 30px;margin-right: 30px;transition: all .5s}
	.list-hd .txt .btns a i{font-size: 24px;float: left;margin-right: 5px;}
	.list-hd .txt .btns a span{font-size:16px;}
	.list-hd .txt .btns a:hover,.list-hd .txt .btns a.on{background: var(--pei2-color);}
/*list-bd*/
.list-bd{}
	.list-bd .left{width:286px;float: left;}
	.list-bd .right{width:867px;float: right;background:#fff;}
	.list-bd .right .title{background:#f2f2f2;padding:32px 45px 0;height: 92px;box-sizing: border-box;}
	.list-bd .right .title a{font-size: 22px;color: #333333;margin-right: 50px;font-weight: 400;position: relative;display: inline-block;width:125px;float: left;text-align: center;transition: all .5s}
	.list-bd .right .title a:after{content:'';width:0;height: 3px;background:var(--zhu-color);position: absolute;top:58px;left:0px;transition: all .5s;}
	.list-bd .right .title a:hover,.list-bd .right .title a.on{font-size: 26px;color:var(--zhu-color);font-weight:700;}
	.list-bd .right .title a:hover:after,.list-bd .right .title a.on:after{width:100%;}
	.list-bd .right .tt{height: 48px;border-bottom:solid 3px #e3e3e3;box-sizing: border-box;background: url(../images/proinfo-icon1.jpg) left center no-repeat;color: var(--zhu-color);position: relative;font-size: 24px;text-indent:30px;line-height: 42px;}
	.list-bd .right .tt:after{content:'';position: absolute;width:134px;height: 3px;background:var(--zhu-color);top:45px;left:0;}
	

/*picFocus*/
.picFocus{ position: relative; overflow: hidden; width: 600px;float: left; }
	.picFocus .bigImg{ height: 350px; position: relative;}
	.picFocus .bigImg li{width:100%;height: 100%;overflow: hidden;}
	.picFocus .bigImg li img{ vertical-align:middle; width:100%; height:100%; object-fit: contain;  }
	.picFocus .smallScroll{ height: 115px;}
	.picFocus .sPrev,.picFocus .sNext{ float: left; display: block; width: 18px; height: 106px; background:#d2d2d2;color: #fff;font-family:'SimSun';text-align: center;line-height: 106px;margin-top: 12px; }
	.picFocus .sPrev:hover,.picFocus .sNext:hover{ background:var(--zhu-color);}

	.picFocus .smallImg{ float:left;  margin: 3px 0px 0; display:inline; width: 552px; overflow: hidden;padding:0 5px 0 7px;}
	.picFocus .smallImg .tempWrap{width:100%!important;}
	.picFocus .smallImg ul{ height:114px;overflow: hidden; }
	.picFocus .smallImg li{ float: left;  width:129px; cursor:pointer;  display: inline;height: 114px;position:relative;box-sizing: border-box;margin-right:7px;}
	.picFocus .smallImg li:after{background: url(../images/picFocus-bg.png) no-repeat;content:'';position: absolute;top:0;left:0;width:100%;height: 100%;background-size: 100% 100%;display: none;}
	.picFocus .smallImg li img{width:130px; height:100px; box-sizing: border-box;margin-top: 11px; object-fit: cover;}
	.picFocus .smallImg .on:after{display: block;}

/*sidebar*/
.sidebar{width:100%;}
	.s-hd{border-left:solid 10px var(--pei2-color);height: 92px;background: var(--zhu-color);color: #fff;font-size: 30px;font-weight: bold;line-height: 92px;text-indent: 43px;}

/*sideMenu*/
.sideMenu{background: #fbfbfb; }
	.sideMenu .t1{ height:66px; background:#f1f6fe; cursor:pointer;padding:0 15px;display: flex;flex-direction: row;justify-content: space-between;color: #333;align-items: center;margin-bottom: 15px;}
	.sideMenu .t1 p{ font-size:18px;font-weight: bold;color: #333;transition: all .5s}
	.sideMenu .t1 p:hover{padding-left: 10px;}
	.sideMenu .t1 i{font-size:30px;transition: all .5s}
	.sideMenu ul{padding:0 15px 15px;display:none}
	.sideMenu ul li{border-bottom: dashed 1px #dfdede;color: #666666;position: relative;height: 45px;line-height: 45px;}
	.sideMenu ul li a{color: #666666;position: absolute;left:0;top:0;width:100%;height: 100%;display: block;z-index: 1;transition: all .5s}
	.sideMenu ul li:after{content:'';position: absolute;width:0;height: 100%;background-color: var(--pei2-color);transition: all .5s;left:0;top:0;z-index: 0}
	.sideMenu ul li:hover:after{width:100%;}
	.sideMenu ul li:hover a{color: #fff;text-indent: 15px;}
	.sideMenu .t1 i:hover{transform: rotate(90deg);}
	.sideMenu .t1 i.on{transform: rotate(90deg); }

/*s-con*/
.s-con{background: #fbfbfb;padding:25px;}
	.s-con .hd{padding:15px 0;overflow: hidden;}
	.s-con .hd .lt{border-radius: 50%;width:40px;height: 40px;background: var(--zhu-color);color: #fff;float: left;text-align: center;line-height: 40px;}
	.s-con .hd .lt i{font-size: 30px;}
	.s-con .hd .rt{width:185px;float: right;}
	.s-con .hd .rt .t1{color: #333;margin-top:-5px;}
	.s-con .hd .rt .t2{font-size: 24px;color:var(--pei-color);}
	.s-con .bd{color: #333333;line-height: 36px;width:100%;overflow:hidden;padding:0 10px;box-sizing: border-box;}
/*s-tuijian*/
.s-tuijian{overflow: hidden;}
	.s-tuijian .hd{background: var(--zhu-color);color: #fff;height: 65px;padding:0 22px;display: flex;flex-direction: row;align-items: center;}
	.s-tuijian .hd i{font-size: 40px;margin-right: 5px;}
	.s-tuijian .hd span{font-size: 30px;}
	.s-tuijian .bd{margin-top: 25px;overflow: hidden;width:100%;}
	.s-tuijian .bd li{background: url(../images/propic.png) center bottom no-repeat;position: relative;width:100%;height: 353px;padding:5px;box-sizing: border-box;margin:0  auto 25px;transition: all .5s}
	.s-tuijian .bd li .img{width:100%;height: 285px;border-bottom: solid 1px #9eb6d9;overflow: hidden;padding: 0px 0 10px;box-sizing: border-box;}
	.s-tuijian .bd li .img img{width:100%;height: 100%;object-fit: cover;border-radius: 5px;}
	.s-tuijian .bd li .logo{position: absolute;width:108px;height: 29px;background: url(../images/pro-logo.png) no-repeat;top:5px;left:5px;background-size: 100% 100%;}
	.s-tuijian .bd li .txt{display: flex;flex-direction: row;justify-content: space-between;height: 46px;align-items: center;padding:0 10px;}
	.s-tuijian .bd li .txt p{width:234px;color: #fff;}
	.s-tuijian .bd li .txt i{color: #fff;border:solid 1px #fff;border-radius: 50%;}
	.s-tuijian .bd li .zhezhao{width:100%;height: 343px;background: #000;top:0;left:0;position: absolute;opacity: 0;transition: all .5s}
	.s-tuijian .bd li:hover .zhezhao{opacity: 0.5}

/*#content*/
#content{background:#fff;line-height: 260%;box-sizing: border-box;padding:30px;}
/*#case*/
#case{padding:0 10px 0 45px;}
	.case-piclist{padding:30px 0px;overflow: hidden;width:100%;}
	.case-piclist ul{width:100%;}
	.case-piclist li{width:260px;float: left;margin-right: 15px;position: relative;}
	/*.case-piclist li:nth-child(3){margin-right: 0}*/
	.case-piclist li .img{width:100%;height: 182px;}
	.case-piclist li .img img{width:100%;height:100%;object-fit: cover;}
	.case-piclist li p{width:100%;height: 38px;background: #817f7f;text-align: center;line-height: 38px;color: #fff}
	.case-piclist li .zhezhao{width:100%;height: 220px;background:url(../images/logo-write.png) center no-repeat #000;position: absolute;top:0;left:0;opacity: 0;transition: all .5s}
	.case-piclist li:hover .zhezhao{opacity: .5}
/*#shili*/
#shili{padding:0 10px 0 45px;}

/*#honor*/
#honor{padding:0 10px 0 45px;}
	.honor-piclist{padding:30px 0px;overflow: hidden;width:100%;}
	.honor-piclist ul{width:100%;}
	.honor-piclist li{width:150px;float: left;margin-right: 15px;position: relative;}
	.honor-piclist li:nth-child(5){margin-right: 0}
	.honor-piclist li .img{width:100%;height: 216px;}
	.honor-piclist li .img img{width:100%;height:100%;object-fit: cover;}
	.honor-piclist li p{width:100%;text-align: center;line-height:20px;color: #333;padding:10px 15px;box-sizing: border-box;}
	.honor-piclist li .zhezhao{width:100%;height: 256px;background:url(../images/logo-write.png) center no-repeat #000;position: absolute;top:0;left:0;opacity: 0;transition: all .5s}
	.honor-piclist li:hover .zhezhao{opacity: .5}

/*position*/
.position{background: #999;}
	.position .left{width:35%;float: left;color: #fff;padding:15px 0;}
	.position .left i{font-size: 20px;float: left;}
	.position .left p{font-size: 14px;float: left;margin-top: 3px;margin-left:5px;}
	.position .left p a{color: #fff;}
	.position .left p a:hover{color: var(--zhu-color);}
	.position .right{width:65%;float: right;text-align: right;height: 53px;line-height: 53px;}
	.position .right a{font-size: 16px;color: #fff;padding:0 15px;display:inline-block;transition: all .5s;}
	.position .right a:{font-size: 16px;color: #fff;padding:0 15px;display: block;transition: all .5s;position: relative;}
	.position .right a:hover{background:var(--pei2-color);}

/*about*/
.about{}
	.about-hd{padding:50px;position: relative;font-weight: bold;}
	.about-hd .t1{position: absolute;top:0;left:0;font-size: 80px;color: #f2f2f2;text-transform: uppercase;}
	.about-hd .t2{position: absolute;top:30px;left:0;font-size: 35px;color: var(--zhu-color);}
	.about-bd .left{width:55%;float: left; padding:15px 0; }
	.about-bd .left p{line-height:36px;font-size: 16px;float:left;width:100%; }
	.about-bd .left a{border:solid 1px #ddd;padding:10px 30px;font-size: 16px;display: block;float: left;margin-top:30px;color: #666;position: relative;overflow: hidden;transition: all .5s;}
	.about-bd .left a:after{content:'';width:8px;;height: 8px;position: absolute;border-radius: 50%;top:3px;right:3px;background: var(--zhu-color);transition: all .5s;z-index: 0}
	.about-bd .left a:hover{color: #fff;background: var(--zhu-color)}
	.about-bd .left a:hover:after{background:#fff;}
	.about-bd .right{width:35%;float: right;}
	.about-bd .right li{border-bottom: solid 1px #999;color:var(--zhu-color);padding:15px 0;display:flex;justify-content: space-between;flex-direction: row;align-items: center;}
	.about-bd .right li .lt{width:200px;}
	.about-bd .right li .t1{font-size:40px;font-weight: bold;}
	.about-bd .right li .t2{font-size:18px;color: #666}
	.about-bd .right li i{font-size: 50px;color: #333;float: right;}
	.about-bd .right li:nth-child(1) i{font-size: 55px;}
/*zhici*/
.zhici{margin-top: 30px;}
	.zhici-bd{overflow: hidden;padding: 30px 0;}
	.zhici-bd .left{float: left;width:40%;}
	.zhici-bd .left img{max-width:335px;max-height: 365px;}
	.zhici-bd .right{float: right;width:60%;}
	.zhici-bd .right p{line-height:36px;font-size: 16px;float:left;width:100%; }
	.zhici-bd .right a{border:solid 1px #ddd;padding:10px 30px;font-size: 16px;display: block;float: right;margin-top:30px;color: #666;position: relative;overflow: hidden;transition: all .5s;}
	.zhici-bd .right a:after{content:'';width:8px;;height: 8px;position: absolute;border-radius: 50%;top:3px;right:3px;background: var(--zhu-color);transition: all .5s;z-index: 0}
	.zhici-bd .right a:hover{color: #fff;background: var(--zhu-color)}
	.zhici-bd .right a:hover:after{background:#fff;}
/*culture*/
.culture{margin-top:30px;}
	.culture-bd ul{margin:30px 0;padding:50px;border-radius: 8px;}
	.culture-bd ul:nth-child(1){background: url(../images/culture-bg.jpg) -1px top no-repeat;}
	.culture-bd ul:nth-child(2){background: url(../images/culture-bg2.jpg) -1px top no-repeat;color: #fff;}
	.culture-bd ul .t1{font-size: 35px;font-weight: bold;}
	.culture-bd ul li{margin:20px 0 0px }
	.culture-bd ul .t2{font-size: 20px;font-weight: bold;}
	.culture-bd ul .t3{font-size: 18px;line-height: 35px;}
	.culture-bd ul:nth-child(2) .t1,.culture-bd ul:nth-child(2) .t2,.culture-bd ul:nth-child(2) .t3{text-align: right;}
	.culture-bd ul:nth-child(2) li{text-align:right;}
/*jiagou*/
.jiagou-bd{text-align: center;width:100%;padding:30px 0;}

/*title*/
.title {overflow:hidden;text-align:center;padding:30px 0;}
	.title .t1 {font-size:40px;display:inline-block;position:relative;color: var(--pei3-color);font-weight: bold;}
	.title .t1:before {content:'';position:absolute;left:-40px;bottom:10%;display:block;width:8px;height:8px;background:#cdcdcd;border-radius: 50%;}
	.title .t1:after {content:'';position:absolute;right:-40px;bottom:10%;display:block;width:8px;height:8px;background:#cdcdcd;border-radius: 50%;}
	.title .t1 span {color:#336aab;}
	.title .t1 span:before {content:'';position:absolute;left:-40px;transform:translateX(-100%);bottom:9px;display:block;width:700px;height:1px;background:#cdcdcd;}
	.title .t1 span:after {content:'';position:absolute;right:-40px;transform:translateX(100%);bottom:9px;display:block;width:700px;height:1px;background:#cdcdcd;}
	.title .t2{font-size: 18px;margin-top: 15px;}

/*single*/
.single-content{padding:30px;box-sizing: border-box;box-shadow: 0 0 10px #999;width:98%;margin:30px auto 0;background: #fff;line-height: 2.6;}
/*proindex*/
.proindex{padding-bottom: 0}
	.proindex-hd{display: flex;flex-direction:row;justify-content: space-around;padding:30px 0;}
	.proindex-hd li {background:var(--pei3-color);border-radius: 5px;text-align:center;padding:15px 15px 15px;width:240px;box-sizing: border-box;color: #fff;transition:all .5s;}
	.proindex-hd li i{font-size:45px;display: block;}
	.proindex-hd li .t1{font-weight:bold;margin-top:10px;font-size: 18px;}
	.proindex-hd li .t2{color:#fff;margin-top:10px;text-transform: uppercase;}
	.proindex-hd li:nth-child(3) i{font-size:55px;line-height: 1}
	.proindex-hd li:nth-child(3) .t1{margin-top:0;}
	.proindex-hd li:hover{background:var(--pei2-color);box-shadow:0 0 20px 0 var(--pei3-color);}
	.proindex-hd li:hover i{animation: swing 1s;}

/*floor*/
.floor{background: #fff;padding:60px 0 0;overflow: hidden;}
	.floor:nth-child(2n){
		background: #ededed
	}
	.floor .hd{overflow: hidden;}
	.floor .hd .left{width:1050px;float: left;}
	.floor .hd .left span{width:64px;height: 64px;text-align: center;line-height: 64px;background: var(--pei3-color);color: #fff;font-size: 34px;display: block;float: left;}
	.floor .hd .left .txt{width:960px;float: right;}
	.floor .hd .left .txt .t1{font-size: 30px;font-weight: bold;color: var(--pei3-color);margin:0 0 5px 0;}
	.floor .hd .left .txt .t2{font-size: 16px;}
	.floor .hd a{width:105px;height: 40px;line-height: 40px;text-align: center;border:solid 1px var(--pei3-color);color: var(--pei3-color);display: block;float: right;transition: all .5s}
	.floor .hd a:hover{background: var(--pei3-color);color: #fff;}
	.floor .md{margin: 30px 0;overflow: hidden;}
	.floor .md li{width:22%;padding:.5%;background: #ededed;overflow: hidden;float: left;margin:1%;transition: all .5s;}
	.floor:nth-child(2n) .md li{
		background: #fff;
	}
	.floor .md li .pic{width:100%;overflow: hidden;padding-bottom: 79%;height: 0}
	.floor .md li .pic img{width:100%;object-fit: contain;transition: all .5s;height: 200px}
	.floor .md li:hover{background: var(--pei3-color);}
	.floor .md li:hover .pic img{transform: scale(1.1,1.1);}
	.floor .md li .txt{padding:10px 10px 0;overflow: hidden;}
	.floor .md li .txt .lt{width:180px;float: left;font-size: 15px;}
	.floor .md li .txt .lt .t1{color: #555;line-height: 40px;font-size: 16px;}
	.floor .md li .txt .lt .t2{color: var(--zhu-color);text-decoration:underline;margin-top: 5px; }
	.floor .md li:hover .txt .lt .t1{color:#fff}
	.floor .md li .txt .rt{float: right;border-radius: 50%;padding:5px;}
	.floor .md li .txt i{color: var(--pei3-color);font-size: 30px;transition: all .5s}
	.floor .md li:hover .txt i{color: #fff;}
/*pro-type*/
.pro-type{text-align: center;}
.pro-type a{padding:10px 30px;border-radius: 5px;border:solid 1px var(--zhu-color);display: inline-block;margin:10px;color: #333;transition: all .5s;font-size: 16px;}
	.pro-type a:hover{color: #fff;background: var(--zhu-color)}
/*i-pro*/
.i-pro{overflow:hidden;margin:10px auto;}
	.i-pro li{width:31%;float: left;margin:1.1%;}
	.i-pro .item{background: #fff;padding:10px 10px 15px;overflow: hidden;display: flex;flex-direction: column;align-items: center;box-shadow: 0 0 13px #999;transition: all .5s;}
	.i-pro .item .pic{width:100%;padding-bottom: 72%;overflow: hidden;position: relative;}
	.i-pro .item .pic img{width:100%;object-fit: contain;height: 100%;position: absolute;transition: all .5s}
	.i-pro .item .t1{color: #1e1e1e;font-size: 18px;padding:20px 0 10px;border-bottom: solid 1px #ddd;width:100%;text-align: left;transition: all .5s}
	.i-pro .item .t2{color: #5b5b5b;line-height: 24px;margin:15px 0;-webkit-line-clamp:2;transition: all .5s;height: 48px;}
	.i-pro .item span{border:solid 1px #ddd;color: #5b5b5b;display: block;width:200px;height: 40px;line-height: 40px;text-align: center;transition: all .5s}
	.i-pro .item:hover{background: var(--pei3-color);}
	.i-pro .item:hover .t1{color: #fff;font-weight: bold;padding-left: 10px}
	.i-pro .item:hover .pic img{transform: scale(1.1,1.1);}
	.i-pro .item:hover .t2{color: #fff;}
	.i-pro .item:hover span{color: var(--pei3-color);background: #fff;border-color: #fff;}
/*no-goods*/
.no-goods{text-align:center;}
/*分页*/
.de-page-mian{overflow:hidden;text-align:center;font-size:0;margin:35px 0;}
	.de-page-mian .page-inner{display:inline-block;overflow:hidden;}
	.de-page-mian .page-inner a{display:block;float:left;min-width:26px;padding:0 5px;height:36px;border:1px solid #dddddd;background:#fff;text-align:center;line-height:36px;font-size:14px;color:#333;margin-right:-1px;overflow:hidden;}
	.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover{color:#fff;border-color:#237ed2;background:#237ed2;}
	.de-page-mian .page-inner a.prev{margin-right:10px;background:#fff url(../images/prev.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev.on{background:#fff url(../images/prev-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.prev:hover{background-color:#fff;border-color:#dddddd;}
	.de-page-mian .page-inner a.next{margin-left:10px;margin-right:15px;background:#fff url(../images/next.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next.on{background:#fff url(../images/next-hover.jpg) no-repeat center;}
	.de-page-mian .page-inner a.next:hover{background-color:#fff;border-color:#dddddd;}
	.de-page-mian .page-inner a.page-btn{font-size:12px;margin-right:0;width:63px;margin-left:10px;}
	.de-page-mian .page-inner span{display:block;font-size:12px;color:#333;float:left;line-height:38px;}
	.de-page-mian .page-inner input{display:block;float:left;height:36px;width:36px;border:1px solid #dddddd;text-align:center;line-height:36px;font-size:14px;color:#333;margin:0 5px;}
	/*company_news*/
.company_news{ overflow: hidden; margin-bottom: 30px; }
	.company_news .left{width:580px;float: left;}
	.company_news .img_new{ width: 100%; height: 540px; overflow: hidden; display: block; position: relative; }
	.company_news .img_new img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
	.company_news .img_new strong{ font-weight: normal; display: block; background: rgba(0,0,0,0.8); color: #fff; bottom: 0; position: absolute; line-height: 50px; width: 100%; padding: 0 2%; font-size: 14px; color: #fff; }
	.company_news .img_new:hover img{ transition: all .3s ease; transform: scale(1.02);  }
	.company_news .right{ overflow: hidden;width:590px;float: right; }
	.company_news .right li{ display: block; overflow: hidden; transition: all .3s;background: #fff;  }
	.company_news .right li .img{ float: left; width: 30%; height: 170px; overflow: hidden; }
	.company_news .right li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
	.company_news .right li .txt{ float: left; width: 70%; box-sizing: border-box; padding:0 20px;}
	.company_news .right li .txt strong{ color: #444; display: block; font-size: 18px; line-height: 45px; margin-top: 2%; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.company_news .right li .txt p{ line-height: 30px; color: #777; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.company_news .right li .txt span{ display: block; line-height: 30px; color: #777; font-size: 14px;margin-top: 10px; }
	.company_news .right li + li{ margin-top: 15px; }
	.company_news .right li:hover{ background: var(--pei3-color); transition: all .3s; }
	.company_news .right li:hover img{ transition: all .3s; transform: scale(1.05); }
	.company_news .right li:hover strong, .company_news .right li:hover p, .company_news .right li:hover span{ color: #fff; transition: all .3s; }
/*news_list*/
.news_list{ overflow: hidden; width: 100%; }
	.news_list li + li a{ border-top:1px solid #e9e9e8; }
	.news_list a{ display: block; display: flex; padding:20px 0; }
	.news_list a .img{ width: 100%; height: 160px; overflow: hidden; position: relative; }
	.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
	.news_list a .img span{ position: absolute; left: 50%; top:50%; color: #666; font-size: 12px;  opacity: 0; }
	.news_list a .txt{ overflow: hidden; }
	.news_list a .txt strong{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 6px; }
	.news_list a .txt small{ color: #999; font-size: 12px; margin-bottom: 30px; display: block; }
	.news_list a .txt p{ position: relative; transition: all .3s; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.news_list a .txt p::before{ content: ""; display: inline-block; width: 2px; height: 0; position: absolute; left: 0; top:0; transition: all .3s; background: #007bff; border:0; }
	.news_list a:hover strong{ transition: all .3s; color: #007bff; }
	.news_list a:hover .txt p{ transition: all .3s; padding-left: 30px; }
	.news_list a:hover .txt ::before{ transition: all .3s; height: 100%; }
	.news_list a:hover img{ transition: all .3s; transform: scale(1.05); }
	.news_list a:hover .img small{ opacity: 1; transition: all .3s; background: rgba(255,255,255,.6); padding:8px 16px; }
/*新闻中心标题*/
.c_tit{padding:30px 0;}
	.c_tit .hd{ text-align: center; }
	.c_tit .hd strong{ position: relative; font-size: 36px; color: #333; line-height: 1; margin:12px 0 20px; display: block; font-weight: normal;  }
	.c_tit .hd strong::after{ content: ""; display: inline-block; width: 60px; height: 4px; border:0; background: var(--pei3-color); position: absolute; left: 50%; margin-left: -30px; bottom:-20px; }
	.c_tit .hd p{ font-size: 14px; color: #999; padding:20px 0; }
/*industry_news*/
.industry_news{ overflow: hidden; }
	.industry_news li{ overflow: hidden; margin-bottom: 30px; width:25%;float: left;padding:0 15px;box-sizing: border-box;}
	.industry_news li .img{ width: 100%; height: 200px; overflow: hidden; }
	.industry_news li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
	.industry_news li .txt{ overflow: hidden; padding:20px; background: #fff;;transition: all .3s; }
	.industry_news li .txt strong{ font-weight: normal; display: block; font-size: 16px; color: #444; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.industry_news li .txt span{ display: block; font-size: 14px; color: #777; line-height: 1.5; }
	.industry_news li .txt p{ font-size: 14px; color: #777; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.industry_news li .txt p + span{ font-size: 16px; margin-top: 4px; margin-left: 0; transition: all .3s; }
	.industry_news li:hover img{ transition: all .3s; transform: scale(1.05); }
	.industry_news li:hover .txt{ transition: all .3s; background: var(--pei3-color); }
	.industry_news li:hover .txt strong, .industry_news li:hover .txt span, .industry_news li:hover .txt p{ color: #fff; }
	.industry_news li:hover .txt p + span{ margin-left: 10px; transition: all .3s; }
/*文章列表*/
.newslist{width:100%;background: #fff;box-sizing: border-box;}
	.newslist li{padding:25px 15px;overflow: hidden;border-bottom: solid 1px #eee;transition: all .5s}
	.newslist li .left{width:240px;}
	.newslist li .pic{width:100%;padding-bottom: 75%;height: 0;float: left;border-radius: 5px;overflow: hidden;border:solid 1px #cfcfcf;position:relative;}
	.newslist li .pic img{width:100%;transition: all .5s;object-fit: cover;height: 100%;position: absolute;top:0;}
	.newslist li .txt{width:810px;float: right;box-sizing: border-box;transition: all .5s;line-height: 1.5;}
	.newslist li .txt .t1{font-size: 18px;color:#333;font-weight: bold;line-height: 40px;transition: all .5s}
	.newslist li .txt .t2{font-size: 16px;color:#999;}
	.newslist li .txt .t3{color:#333;line-height: 24px;margin-top: 8px;-webkit-line-clamp:2;}
	.newslist li .txt span{color:#999;font-size:16px;padding:5px 15px;border:solid 1px #999;display: block;float: left;margin-top: 15px;transition: all .5s;border-radius: 5px;}
	.newslist li:hover{padding-left:30px;background: #f7f7f7}
	.newslist li:hover .txt{padding-left:20px;}
	.newslist li:hover .txt .t1{color: #eb3f01}
	.newslist li:hover .txt span{background: #eb3f01;color: #fff;border-color: #eb3f01}
	.newslist li:hover .pic img{transform: scale(1.1,1.1);}
	.newslist li .time{width:120px;height: 120px;float: left;background: #999;color: #dfdfdf;text-align: center;padding:20px 0;box-sizing: border-box;transition: all .5s;line-height: 1.5;}
	.newslist li .time b{font-size: 36px;}
	.newslist li .time p{font-size: 16px;}
	.newslist li.item1 .txt{width:930px;}
	.newslist li:hover .time{background: #eb3f01;color: #fff}
/*文章列表页*/
.article-info{background: #fff;padding:30px;}
	.article-info .hd{text-align:center;border-bottom: solid 1px #cecece;line-height: 1.4;}
	.article-info .hd .t1{font-size: 24px;font-weight: bold;color: #eb3f01;}
	.article-info .hd .t2{padding:25px 0;}
	.article-info .detail {line-height: 260%;padding:30px 0;font-size: 110%;}
/*上一页，下一页*/
.newsPage{border-top:solid 1px #cecece;padding:15px 0;}
	.page-a{line-height: 30px;font-size: 16px;}
	.page-a a{color: #333;}
	.page-a a:hover{color: #eb3f01;}
/*contact*/
.contact{padding:15px 0;}
	.contact-hd .left,.contact-hd .right{background: #fff;padding:15px 30px;}
	.contact-hd li{padding:10px 0;}
	.contact-hd li i{font-size: 50px;color: #2272c8}
	.contact-hd li .txt{margin-left: 15px;padding-top: 10px;}
	.contact-hd .t1{font-size: 20px;}
	.contact-hd .t2{font-size: 14px;color: #666;}
	.contact-hd .right{padding:30px;}
	.contact-hd .right .pic{width:120px;}
	.contact-hd .right .txt{margin-left: 15px;padding-top: 30px}
	.contact-md{padding:30px 0;}
	#dituContent{height: 300px;}
	.message{background: url(../images/mesbg.jpg) center no-repeat;padding:30px 0; background-size: 100% 100%;}
	.message-hd{text-align: center;font-size: 30px;color: #fff;font-weight: 700;padding:15px 0 30px;}
	.message .left .box{border:solid 3px rgba(255,255,255,.6);margin:30px 0;padding:30px;}
	.message .left .box .t1{font-size: 30px;color: #fff;font-weight: 700;text-align: center;}
	.message .left .box .t2{font-size: 18px;color: #fff;border-bottom: solid 1px #fff;padding:30px 0;text-align: center;}
	.message .left .box .tel{padding:30px;}
	.message .left .box i{font-size: 50px;margin-right:15px;color: #fff;}
	.message .left .box .t3{font-size:14px;color: #fff;margin-top: 2px;}
	.message .left .box .t4{font-size:24px;color: #fff;padding:0;}
	.message .right .form{padding:30px;background: #fff;}
	.message .right .t1{font-size: 18px;color: #333;margin-bottom: 30px;}
	.message img{width:200px;height: 38px;margin-left: 10px;}

	.message .submit{background: var(--pei3-color);color: #fff;transition: all .5s;text-align: center;}
	.message .submit:hover{background: var(--zhu-color);}
	.message textarea{height: 100px}
/*飘窗*/
.scrollsidebar{ padding-left: 30px; position:absolute; z-index:999; top:150px; /*width: 165px;*/ overflow: hidden; transition: all .3s;right:0;}
	.close_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 25; }
	.show_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 24; }
	.close_btn span, .show_btn span{ display: inline-block; font-size: 30px; color: #fff; margin:15px 0 0 5px; line-height: 1; }
	.scrollsidebar .s_center{ position: relative; z-index: 33; width: 150px; background: var(--pei2-color); text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
	.scrollsidebar .s_center strong{ font-size: 18px; color: #fff; line-height: 1; display: block; margin:12px 0; }
	.scrollsidebar .s_center span{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom:12px; display: inline-block; }
	.scrollsidebar .s_center .img{ width: 100%; background: #fff; }
	.scrollsidebar .s_center .img p{ line-height: 38px; font-size: 14px; color: #666666; margin:-10px 0 0; }
	.scrollsidebar .s_center p{ font-size: 15px; color: #fff; line-height: 1; margin:14px 0; }
	.scrollsidebar .s_center b{ font-size: 15px; color: #fff; font-weight: bold; }
	.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: #fff; border-radius: 3px; font-size: 14px; color: #3f3f3f; margin-top:14px; }
	.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #86c328; font-size: 18px; margin:0 8px 0 0; }
	.scrollsidebar .s_center .cd-top{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 33; cursor: pointer; }
	.scrollsidebar .s_center .cd-top span{font-size: 30px;margin-bottom: 2px;}